<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="../css/normalize.css">
  <link rel="stylesheet" href="../css/common.css">
  <link rel="stylesheet" href="../css/quanbu.css">
  <link rel="stylesheet" href="./iconfont/iconfont.css">
  <link rel="stylesheet" href="../css/swiper.min.css">
  <script src="../js/swiper.min.js"></script>
  <script src="../js/index.min.js"></script>
  <title>Document</title>
</head>

<body>
  <div class="fixed">
    <a href="../index.html"><i class="iconfont icon-zuojiantou2"></i></a>
    新番日漫
    <a href="../jframe/searth.html"><i class="iconfont icon-sousuo1"></i></a>
  </div>
  <div class="container">
    <div class="nav">
      <!-- Swiper -->
      <div class="swiper mySwiper1">
        <div class="swiper-wrapper">
          <div class="swiper-slide active">最近更新</div>
          <div class="swiper-slide">最热播放</div>
          <div class="swiper-slide">最受好评</div>
        </div>
        <div class="swiper-pagination"></div>
      </div>
      <div class="swiper mySwiper2">
        <div class="swiper-wrapper">
          <div class="swiper-slide active">新番日漫</div>
          <div class="swiper-slide">新番国漫</div>
          <div class="swiper-slide">动漫番剧</div>
          <div class="swiper-slide">剧场动漫</div>
        </div>
        <div class="swiper-pagination"></div>
      </div>
      <div class="swiper mySwiper3">
        <div class="swiper-wrapper">
          <div class="swiper-slide active">全部</div>
          <div class="swiper-slide">搞笑</div>
          <div class="swiper-slide">运动</div>
          <div class="swiper-slide">励志</div>
          <div class="swiper-slide">武侠</div>
          <div class="swiper-slide">热血</div>
          <div class="swiper-slide">战斗</div>
          <div class="swiper-slide">少年</div>
          <div class="swiper-slide">青春</div>
        </div>
        <div class="swiper-pagination"></div>
      </div>
      <div class="swiper mySwiper4">
        <div class="swiper-wrapper">
          <div class="swiper-slide active">全部</div>
          <div class="swiper-slide">日本</div>
        </div>
        <div class="swiper-pagination"></div>
      </div>
      <div class="swiper mySwiper5">
        <div class="swiper-wrapper">
          <div class="swiper-slide active">全部</div>
          <div class="swiper-slide">日语</div>
        </div>
        <div class="swiper-pagination"></div>
      </div>
      <div class="swiper mySwiper6">
        <div class="swiper-wrapper">
          <div class="swiper-slide active">全部</div>
          <div class="swiper-slide">2024</div>
          <div class="swiper-slide">2023</div>
          <div class="swiper-slide">2022</div>
          <div class="swiper-slide">2021</div>
          <div class="swiper-slide">2020</div>
          <div class="swiper-slide">2019</div>
          <div class="swiper-slide">2018</div>
          <div class="swiper-slide">2017</div>
          <div class="swiper-slide">2016</div>
        </div>
        <div class="swiper-pagination"></div>
      </div>
    </div>
    <div class="content">
      <a href="">
        <div class="main">
          <img src="../update/quanbu-content-1.webp" alt="">
          <span class="describe">更新至1101集</span>
        </div>
        <h5>声优广播的台前幕后</h5>
      </a>
      <a href="">
        <div class="main">
          <img src="../update/quanbu-content-1.webp" alt="">
          <span class="describe">更新至1101集</span>
        </div>
        <h5>声优广播的台前幕后</h5>
      </a>
      <a href="">
        <div class="main">
          <img src="../update/quanbu-content-1.webp" alt="">
          <span class="describe">更新至1101集</span>
        </div>
        <h5>声优广播的台前幕后</h5>
      </a>
      <a href="">
        <div class="main">
          <img src="../update/quanbu-content-1.webp" alt="">
          <span class="describe">更新至1101集</span>
        </div>
        <h5>声优广播的台前幕后</h5>
      </a>
      <a href="">
        <div class="main">
          <img src="../update/quanbu-content-1.webp" alt="">
          <span class="describe">更新至1101集</span>
        </div>
        <h5>声优广播的台前幕后</h5>
      </a>
      <a href="">
        <div class="main">
          <img src="../update/quanbu-content-1.webp" alt="">
          <span class="describe">更新至1101集</span>
        </div>
        <h5>声优广播的台前幕后</h5>
      </a>
      <a href="">
        <div class="main">
          <img src="../update/quanbu-content-1.webp" alt="">
          <span class="describe">更新至1101集</span>
        </div>
        <h5>声优广播的台前幕后</h5>
      </a>
      <a href="">
        <div class="main">
          <img src="../update/quanbu-content-1.webp" alt="">
          <span class="describe">更新至1101集</span>
        </div>
        <h5>声优广播的台前幕后</h5>
      </a>
      <a href="">
        <div class="main">
          <img src="../update/quanbu-content-1.webp" alt="">
          <span class="describe">更新至1101集</span>
        </div>
        <h5>声优广播的台前幕后</h5>
      </a>
    </div>
  </div>
  <script>
    (function () {
      var swiper = new Swiper(".mySwiper1", {
        slidesPerView: 3.7,
        spaceBetween: 30,
        pagination: {
          el: ".swiper-pagination",
          clickable: true,
        },
      });
      var swiper = new Swiper(".mySwiper2", {
        slidesPerView: 3.7,
        spaceBetween: 30,
        pagination: {
          el: ".swiper-pagination",
          clickable: true,
        },
      });
      var swiper = new Swiper(".mySwiper3", {
        slidesPerView: 5.01,
        spaceBetween: 30,
        pagination: {
          el: ".swiper-pagination",
          clickable: true,
        },
      });
      var swiper = new Swiper(".mySwiper4", {
        slidesPerView: 5.01,
        spaceBetween: 30,
        pagination: {
          el: ".swiper-pagination",
          clickable: true,
        },
      });
      var swiper = new Swiper(".mySwiper5", {
        slidesPerView: 5.01,
        spaceBetween: 30,
        pagination: {
          el: ".swiper-pagination",
          clickable: true,
        },
      });
      var swiper = new Swiper(".mySwiper6", {
        slidesPerView: 5.01,
        spaceBetween: 30,
        pagination: {
          el: ".swiper-pagination",
          clickable: true,
        },
      });
    })()
    let swiperall = document.querySelectorAll(`.container .nav .swiper .swiper-wrapper`)
    for (let i = 0; i < swiperall.length; i++) {
      swiperall[i].addEventListener(`click`, function (e) {
        if (e.target.classList.contains(`swiper-slide`)) {
          for (let j = 0; j < swiperall[i].children.length; j++) {
            swiperall[i].children[j].classList.remove(`active`)
            e.target.classList.add(`active`)
          }
        }
      })
    }

  </script>
</body>

</html>